require.config({
	paths: {
		"jquery":"jquery-1.11.3",
		"cookie":"jquery.cookie",
		"Animation":"requestAnimationFrame"
	}
});
//main.js
require(["jquery","cookie","Animation"],function($,cookie,Animation){
	$.getJSON("../json/LAMIU_one.json",function(json){
		//头部
		$("#headerCon a").hover(
			function(){
				$(this).css("color","rgb(204,204,204)");
			},
			function(){
				$(this).css("color","#000");
			}
		);
		//如果能获取到登录账号密码cookie值 就改掉主页的内容
		var users = $.cookie("loginedUsers") ? $.cookie("loginedUsers") : "" ;
		if(users){
			$(".loginIn a").html("欢迎您，尊敬的用户"+users);
			$(".registerOne a").html("");				
		}
		//search栏
		$("#hot").children().eq(1).html(json.search1);
		$("#hot").children().eq(2).html(json.search2);
		$("#hot").children().eq(3).html(json.search3);
		$("#forSale").attr("src",json.forSale);
		//console.log($("#headerCon a"));
		
		//menu栏
		var $VMenuList = $("#verticalMenu").children();
		$VMenuList.each(function(){
			$(this).css("background","url("+ json.MenubottomImg +") no-repeat center bottom");
		});
		//点击横向列表里的首页 跳转到首页
		$(".horMenuOne").click(function(){
			location.href = "LAMIU_one.html";
		});
		var $HMenuList = $("#horizontalMenu").children();
		$HMenuList.not("#horMenuOne").not("#allGoods").each(function(){
			$(this).hover(
				function(){
					$(this).css("color","#f19ec2");
				},
				function(){
					$(this).css("color","#000");
				}
			);
		});
		$("#verticalMenu li>a").hover(
			function(){
				$(this).css("font-weight","700");
			},
			function(){
				$(this).css("font-weight","300");
			}
		);
		//购物车
		$("#shoppingCart").hover(
			function(){
				$(this).first().css({"background-color":"white","border":"1px solid #e9e9e9e","height":"42px"});
				$("#goodsList").show();
			},
			function(){
				$("body").click(function(){
					$("#shoppingCart").first().css({"background":"none","border":"none","height":"40px"});
					$("#goodsList").hide();
				});
			}
		);
		//侧边栏
			$("#slidebar").find(".pinkA").hover(
				function(){
					$(this).css("background-color","#f53998");
				},
				function(){
					$(this).css("background-color","#000");
				}	
			);
			
			$("#cart_qqSevice").click(
				function(){
					$("#qqSevice_show").show();
				}
			);
			$("#back_btn").click(
				function(){
					$("#qqSevice_show").hide();
				}
			);
			/*回到顶部*/
			$("#slide_backToTop").click(
				function(){
					$("body").scrollTop(0);
				}
			);
			
			//购物车中的内容
			//步骤
			for(var i = 0;i < 3;i ++){
				console.log();
				$(".stepItem").eq(i).click(function(){
					$(".stepItem").removeClass("active");
					$(this).addClass("active");		
				});
			}
			//往购物车页里加元素
			var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
			if(!cartStr){
				$(".CartCon").css({
					display: "block"
				});
			}else{
				console.log(cartStr);
				var cartObj = convertCartStrToObj(cartStr);
				var goodFrame = '<div class="cartSteps">'+
										'<table width="100%">'+
											'<tbody>'+
												'<tr>'+
													'<td class="active stepItem step1">'+
														'<span>'+
															'<p>1</p>'+
															'购物车'+
														'</span>'+
													'</td>'+
													'<td class="iconfont stepArrow">&#xe6a7;</td>'+
													'<td class="stepItem step2">'+
														'<span>'+
															'<p>2</p>'+
															'提交和填写订单信息'+
														'</span>'+
													'</td>'+
													'<td class="iconfont stepArrow">&#xe6a7;</td>'+
													'<td class="stepItem step3">'+
														'<span>'+
															'<p>3</p>'+
															'成功提交订单'+
														'</span>'+
													'</td>'+
												'</tr>'+
											'</tbody>'+
										'</table>'+
									'</div>'+
								'<div class="cartMain">'+
									'<div class="cartMainTitle">'+
										'<h2>已选择的商品</h2>'+
									'</div>'+
									'<form method="post">'+
										'<table id="cartMainList" class="cartMainList" width="100%">'+
											'<thead>'+
												'<tr>'+
													'<th colspan="2">商品</th>'+
													'<th>销售价</th>'+
													'<th>数量</th>'+
													'<th>优惠金额</th>'+
													'<th>积分</th>'+
													'<th>小计	</th>'+
													'<th>操作</th>'+
												'</tr>'+
											'</thead>'+
										'</table>'+
									'</form>'+
								'</div>';
								$(".innerWrap").append(goodFrame);
				for(var id in cartObj){
					var good = cartObj[id];
						var goodMes = '<tbody class="cartItem">'+
											'<tr class="cartItemCon">'+
												'<td>'+
													'<div class="proPic">'+
														'<a href="#" target="_blank" class="cart0">'+good.src+'</a>'+
													'</div>'+
												'</td>'+
												'<td class="proInfo">'+
													'<div class="proTitle">'+
														'<a href="#" target="_blank" class="cart1">'+good.name+'</a>'+
													'</div>'+
													'<div class="proSize cart2">'+good.size+''+good.color+'</div>'+
												'</td>'+
												'<td class="cart3">'+good.price+'</td>'+
												'<td>'+
													'<div class="proQuantity">'+
														'<a href="javascript:void(0)" class="btnDecrease">-</a>'+
														'<input type="text" class="cart4" value="'+good.num+'"/>'+
														'<a href="javascript:void(0)" class="btnIncrease">+</a>'+
													'</div>'+
													'<span class="warningMes">余量有限</span>'+
												'</td>'+
												'<td>￥0.0</td>'+
												'<td>-</td>'+
												'<td class="cart5">'+good.num * good.price+'</td>'+
												'<td class="done"><a class="collectionPro">收藏</a> | <a class="deletePro">删除</a></td>'+
											'</tr>'+
										'</tbody>';
					$("#cartMainList").append(goodMes);
				}
			}
			var $id = $.cookie("PicId");
			console.log($id);
			$(".deletePro").click(function(){
				var $cartItem = $(this).parent().parent().parent();
				$cartItem.remove();
				
				if(!$cartItem){
					$(".cartSteps").remove();
					$(".CartCon").css({
						display: "block"
					});
				}
				//删除商品的cookie
				var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
				var cartObj = convertCartStrToObj(cartStr);
				delete cartObj[$id];
				$.cookie("cart", convertObjToCartStr(cartObj),{
							expires: 7,
							path: "/"
						});
						console.log(cartObj[$id]);
			});
			//加按钮
			$(".btnIncrease").click(function(){
				var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
				var cartObj = convertCartStrToObj(cartStr);
				cartObj[$id].num += 1;
				//更新数量
				$(this).siblings("input").val(""+cartObj[$id].num);
				//更新总价
				$(".cart5").html(cartObj[$id].num * cartObj[$id].price);
				//将信息放回cookie
				$.cookie('cart', convertObjToCartStr(cartObj), {
					expires: 7,
					path: "/"
				});
			});
			//减按钮
			$(".btnDecrease").click(function(){
				var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
				var cartObj = convertCartStrToObj(cartStr);
				if(cartObj[$id].num > 1){
					cartObj[$id].num -= 1;
					//更新数量
					$(this).siblings("input").val(""+cartObj[$id].num);
					//更新总价
					$(".cart5").html(cartObj[$id].num * cartObj[$id].price);
					//将信息放回cookie
					$.cookie('cart', convertObjToCartStr(cartObj), {
						expires: 7,
						path: "/"
					});
				}
			});
			//input的失焦事件
			$(".cart4").blur(function(){
				var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
				var cartObj = convertCartStrToObj(cartStr);
				//判断用户输入是否合法
				var pattern = /^\d+$/;
				if(!pattern.test($(this).val())){
					cartObj[$id].num = 1;
					$(this).val("1");
				}else{
					//修改一下数量
					cartObj[$id].num = parseInt($(this).val());
				}
				
				$(this).siblings("input").val("" + cartObj[$id].num);
				//更新页面上的小计
				$('.cart5').html(cartObj[$id].num * cartObj[$id].price + "");
				//将信息放回cookie
				$.cookie('cart', convertObjToCartStr(cartObj), {
					expires: 7,
					path: "/"
				});
			});
			
			//字符串转对象
			function convertCartStrToObj(cartStr){
				//"sp1,香蕉,30,1,src1:sp2,苹果,40,2,src2:sp3,梨,50,3,str3"
				//如果是空字符串，即没有购物车信息，那么购物车为空，直接返回一个空对象
				if(!cartStr){
					return {};
				}
				var goods = cartStr.split(":");
				var obj = {};
				for(var i = 0; i < goods.length; i ++){
					var data = goods[i].split(",");
					//以商品的id为健，商品的其他信息为值，这个值也设计为一个对象
					obj[data[0]] = {
						name : data[1],
						price : parseFloat(data[2]),
						num : parseInt(data[3]),
						src : data[4],
						size : data[5],
						color : data[6]
					}
				}
				return obj;
			}
			//对象转字符串.
			function convertObjToCartStr(obj){
					
					var cartStr = "";
					//遍历对象
					for(var id in obj){
						if(cartStr){
							cartStr += ":";
						}
						//"sp1,香蕉,30,1,src1:sp2,苹果,40,2,src2:sp3,梨,50,3,str3"
						cartStr += id + "," + obj[id].name + "," + obj[id].price + "," + obj[id].num + "," + obj[id].src + "," + obj[id].size + "," + obj[id].color;
					}
					return cartStr;
			}
	});
});